import React, { Component } from 'react'
import { Card, Carousel } from 'antd'
import './index.less'

class Carousels extends Component {
    state = {
    }
    render() {
        return (
            <div>
                <Card title="文字轮播图组件">
                    <Carousel autoplay effect="fade">
                        <div><h3>1</h3></div>
                        <div><h3>2</h3></div>
                        <div><h3>3</h3></div>
                        <div><h3>4</h3></div>
                    </Carousel>
                </Card>
                <Card title="图片轮播图组件">
                    <Carousel autoplay>
                        <div><img src="/gallery/1.png" alt=""/></div>
                        <div><img src="/gallery/2.png" alt=""/></div>
                        <div><img src="/gallery/3.png" alt=""/></div>
                        <div><img src="/gallery/4.png" alt=""/></div>
                    </Carousel>
                </Card>
            </div>
        )
    }
}
export default Carousels

